<!DOCTYPE html>
<html lang="en">

<head>

  <head>
    <meta charset="UTF-8">
    <meta name="viewport" class="viewport"
      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <link rel="stylesheet" href="./css/index.css">
    <title>PCB</title>
    <script>
      (function (window, document) {
        var setRem = function () {
          var innerWidth = document.documentElement.getBoundingClientRect().width || window.innerWidth;
          if (innerWidth > 768) {
            document.documentElement.style.fontSize = 48 + 'px';
          } else {
            document.documentElement.style.fontSize = innerWidth / 15 + 'px';
          }
        };
        window.addEventListener('orientationchange' in window ? 'orientationchange' : 'resize', setRem, false);
        setRem();
      })(window, document);
    </script>
  </head>

<body>
  <div id="bank">
    <div class="bank-top">
      <img src="./images/return.png" alt="">
      <p class="bank-text">The bank information</p>
    </div>
    <div class="bank-item active">
      <p class="bank-left">The payee：</p>
      <input class="bank-right" type="text" value="张三" placeholder="Please enter name">
    </div>
    <div class="bank-item">
      <p class="bank-left">account：</p>
      <input class="bank-right" type="text" value="q3dsfuoweuo" placeholder="Please enter your account number">
    </div>
    <div class="line"></div>
    <div class="bank-item active">
      <p class="bank-left">Bank name：</p>
      <input class="bank-right" type="text" value="中国农业银行" placeholder="Please enter bank name">
    </div>
    <div class="bank-item">
      <p class="bank-left">Receiving bank code：</p>
      <input class="bank-right" type="text" value="WER90989789" placeholder="Please enter the receiving bank code">
    </div>
    <div class="line"></div>
    <div class="bank-item active">
      <p class="bank-left">Receiving bank address：</p>
      <input class="bank-right" type="text" value="中国农业银行" placeholder="Please enter the receiving bank address">
    </div>
    <div class="bank-item active">
      <p class="bank-left">SWIFT CODE：</p>
      <input class="bank-right" type="text" value="" placeholder="Please enter SWIFT CODE">
    </div>
    <div class="bank-item active">
      <p class="bank-left">note：</p>
      <input class="bank-right" type="text" value="" placeholder="Please enter remarks">
    </div>
    <div class="line"></div>
  </div>
</body>
<script src="./js/index.js"></script>

</html>